Heim > Artikel > Web-Frontend > css命令_html/css_WEB-ITnose
网页中是否有css的测试:更改字体大小
不用存在兼容性有差别的属性
1.为了将来的css代码优化,建议所有的属性值后面都要带上“;”
2.就一个比较特殊的字体想用怎么办?--将其转为图片 3.当其分中英文字体时英文在前中文在后
4.想让文字在垂直方向上居中,将行高设置为元素的高度,即行高==元素高度,但文字的内容不能超过元素的高度也就是不能换行
5.css应用给网页的方式就相当于给人怎么去穿衣服 行内样式:应用于一个 嵌入样式:应用于一类标签 如果我们有很多的网页都要用到同一个css,我们就将这些css写到一个独立文件中,这个就是外链式,推荐使用 导入式样式也是将样式写到一个文件中再导入到网页中,其实跟内嵌式样式是类似的,都是将样式加入到网页里
6.css选择符 1)选择符的分类 1---标签选择符--针对html标签 2---ID选择符--针对某一个ID 3---类选择符--针对某一类或者某一些元素,它们的样式是相同的(同一元素应用多个类,类名与类名之间用空格分隔 class="类1 类2 类3" 4---如果我们针对某个元素中的子元素进行控制,可以使用嵌套的方式,不必再为子元素设置ID 父元素 子元素{属性:值} 5---多个选择符会有一些相同的样式,这个时候我们可以把这些选择符组成一个组 选择符1,选择符2,……{属性:值}
7.css特性 1.继承:子元素会继承父元素的某些样式,有些子元素本身就有默认值,所以他就不用父元素 2.层叠:子元素如果定义了与父元素相同的样式就会覆盖掉父元素的样式即后面的样式会覆盖前面的样式
8.css控制元素的某种状态---伪类 伪类语法: 元素名称:伪类名称{属性:值} 例如:超链接的,鼠标经过状态 a:hover{text-decoration:underline;} a:link{text-decoration:none;} a:active{text-decoration:overline;} a:visited{text-decoration:line-through;} 如果鼠标放上去效果不起作用,请修改链接状态的顺序 L -V -H -A