With the help of the Internet, new media and other information technology, this paper combines the offline classroom and online teaching, and puts forward a new type of blended teaching mode of Civics and Politics for college students that integrates online and offline. Utilizing the online platform and classroom face-to-face teaching two parts of the depth of the mixture, so as to achieve the best effect of teaching and learning. Through the questionnaire survey method and controlled experiments, the effects of students’ performance and classroom experience before and after teaching practice are analyzed. And then explore the effectiveness of the online-offline blended teaching mode in the Civics course. Before and after the blended teaching practice, the average grades of students’ Civics in the experimental class were higher than those in the control class, and there was a significant difference (P=0.045). Students’ interest in learning, learning attitude, cooperative spirit, and emotional will quality were significantly improved (P=0.000). The evaluation results regarding acceptance of blended teaching mode, efficiency in helping students complete learning tasks, and utilization of offline classrooms were all good or above.