新增各种CSS选择器 (: not(.input):所有 class 不是“input”的节点)
圆角 (border-radius:8px)
多列布局 (column)
阴影和反射 (Shadow\Reflect)
文字特效 (text-shadow)
线性渐变 (gradient)
旋转,缩放,定位,倾斜 (transform
多背景,背景裁剪
@ css选择器包括class选择器吗?
不包括
一:css基本选择器有哪些
1.css属性选择器
2.css标签选择器
3.cssID选择器
4.css的通配符
二:css有哪些高级选择器
1.css标签选择器
css标签选择器其实就是页面上的所有类型的标签,大家对经常描述称为共性,对无法描述的称为个性。大家在页面上看到input,div和ul都有可能是选择器,无论这个标签藏得多深,都可能被选择上,并且选择的是所有标签,并不是单单指一个。
2.cssID选择器
css中大家使用#来对名字进行自定义,#是指对一个特殊的标签来使用,并且只能用一次,在任何html标签中,都可以有id属性,但是前提要按照字母开头,更不能用字母去开头,或者和标签同名。还有一些高手建议在css层面上尽量不要使用id。
3.css类选择器
css中类选择器,大家使用.来表示,大家使用类来表示,其实就是比较灵活。class和id是十分相似的,并且同一个标签可以使用很多个类选择器,也可以多种标签使用。
4.css的通配符,可以替换任何标签,目前有些浏览器是不支持使用。
@ CSS选择器first?
.content[data-role=page]:nth-child(2){} 使用:first-child伪类时一定要保证前面没有兄弟节点,你前面有个content所以会失效
1
2
3
你把这里的span去掉和加上再看效果 就明白了
@ dw中怎么定义新css?
1、在dreamweaver cc中可以直接创建css文件,或在内面内手写输入css代码定义规则等等。
2、如果要使用可视化css编辑,可以使用css设计器,在默认的界面下,在软件窗口右侧的活动窗口内就可以找到css设计器。
例如:新建一个html文件,点击css设计器的“源”窗口的“+”号,选择创建css的方式,包括:新建css;附件已有的css或在页面内创建css样式。
3、点击“选择器“窗口的”+“号,选择body,可以看到下面的”属性“窗口内显示出可以编辑的属性列表,鼠标点击相应的属性就可以选择或填写数值进行编辑了,在编辑的时候在”设计“窗口会显示样式的变化。
4、最后如果是新建的css文件,保存路径要正确。