前端开发利器CSS之完美容颜_html/css_WEB-ITnose
程序员文章站
2022-05-11 16:37:52
...
请先掌握HTML知识!!!!详见:HTML之常用标签整理
使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等
2、CSS样式的优势
用括起来,统一设置css样式
3、CSS代码语法
css 样式由选择符和声明组成,而声明又由属性和值组成
p{color:blue}(选择符{属性 声明 值})
选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。
声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔
4、CSS注释代码
用/*注释语句*/来标明(Html中使用)
五、CSS样式基本知识
1、内联式CSS样式(直接写在现有的HTML标签中)
注意要写在元素的开始标签里,css样式代码要写在style=""双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开
2、嵌入式CSS样式(写在当前的文件中)
把css样式代码写在标签之间
嵌入式css样式必须写在之间,并且一般情况下嵌入式css样式写在之间
3、外部式CSS样式(写在单独的一个文件中)
把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在内(不是在
四、CSS开始
1、认识CSS样式使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等
2、CSS样式的优势
用括起来,统一设置css样式
3、CSS代码语法
css 样式由选择符和声明组成,而声明又由属性和值组成
p{color:blue}(选择符{属性 声明 值})
选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。
声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔
4、CSS注释代码
用/*注释语句*/来标明(Html中使用)
五、CSS样式基本知识
1、内联式CSS样式(直接写在现有的HTML标签中)
这里文字是红色。
注意要写在元素的开始标签里,css样式代码要写在style=""双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开
这里文字是红色。
2、嵌入式CSS样式(写在当前的文件中)
把css样式代码写在标签之间
嵌入式css样式必须写在之间,并且一般情况下嵌入式css样式写在之间
3、外部式CSS样式(写在单独的一个文件中)
把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在内(不是在
推荐阅读
-
页面制作之开发调试工具(1)_html/css_WEB-ITnose
-
Foundation 6 – 先进的响应式的前端开发框架_html/css_WEB-ITnose
-
移动web开发之屏幕三要素_html/css_WEB-ITnose
-
移动web开发之屏幕三要素_html/css_WEB-ITnose
-
移动web开发之像素和DPR_html/css_WEB-ITnose
-
移动web开发之像素和DPR_html/css_WEB-ITnose
-
前端编码风格规范之 HTML 规范_html/css_WEB-ITnose
-
Web 前端开发人员和设计师必读文章推荐【系列二十八】_html/css_WEB-ITnose
-
Html开发常用习惯之(二)_html/css_WEB-ITnose
-
【web前端开发】浏览器兼容性处理大全_html/css_WEB-ITnose